@charset "utf-8";
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section { margin: 0; padding: 0 }
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block }
audio, canvas, video { display: inline-block; *display: inline;
 *zoom: 1
}
body, button, input, select, textarea { color: #656565; font: 12px/1.5 "微软雅黑", tahoma, arial }
input, select, textarea { font-size: 100% }
table { border-collapse: collapse; border-spacing: 0 }
th { text-align: inherit }
fieldset, img { border: 0 }
img { vertical-align: middle; }
iframe { display: block }
abbr, acronym { border: 0; font-variant: normal }
del { text-decoration: line-through }
address, caption, cite, code, dfn, em, th, var { font-weight: 500; font-style: normal }
ol, ul { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-weight: 500; font-size: 100% }
q:before, q:after { content: '' }
sub, sup { position: relative; vertical-align: baseline; font-size: 75%; line-height: 0 }
sup { top: -0.5em }
sub { bottom: -0.25em }
input, button, textarea, a, select { outline: none; }
a:hover { text-decoration: none }
ins, a { text-decoration: none }
.fn-clear:after { clear: both; display: block; visibility: hidden; height: 0; content: ""; font-size: 0 }
.fn-clear { zoom: 1 }
.fn-hide { display: none }
.fn-left, .fn-right { display: inline }
.fn-left { float: left }
.fn-right { float: right }
a { color: #656565 }
a:hover { color: #f00 }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #666;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #666;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #666;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #666;}

body { min-width: 1000px; background:#F9F9FB !important}
.layout { width: 1000px; margin: 0 auto; zoom: 1 }
.layout:after { clear: both; display: block; visibility: hidden; height: 0; content: ""; font-size: 0 }
.header { border-bottom: 1px solid #ddd;padding: 30px 0 24px 0 }
.top-logo{float: left;}
.nav-notice{float: right;}
.nav-top {text-align: right;}
.nav-top a{color: #6c6c6c}
.nav-top a:hover{color: #f00}
.nav-top span{margin: 0 16px;}
.slidebar-quick-nav{position:fixed;right: 50px;top:50%;margin-top: -125px;z-index: 998;}
.slidebar-quick-nav li {margin-top: 10px;position: relative;}
.slidebar-quick-nav li a{cursor: default;position: relative;z-index:10;display: block;width: 50px;height: 50px;}
.slidebar-quick-nav .ipic{position: relative;z-index:10;display: block;width: 50px;height: 50px;background-repeat: no-repeat;background-image: url(../../../images/account/login/sprite.png)}
.slidebar-quick-nav .imessage{position:absolute;right:-5px;top:-3px;z-index:99;width: 19px;height: 13px;background: url(../../../images/account/login/sprite.png) no-repeat  -392px -137px;}
.slidebar-quick-nav .weixin .ipic{background-position: 0 -122px;} 
.slidebar-quick-nav .downloadApp .ipic{background-position:-51px -122px; } 
.slidebar-quick-nav .tel .ipic{background-position:-102px -122px;} 
.slidebar-quick-nav .kefu .ipic{background-position:-153px -122px; } 
.slidebar-quick-nav .weixin a:hover .ipic{background-position:0 -176px; } 
.slidebar-quick-nav .downloadApp a:hover .ipic{background-position:-51px -176px; } 
.slidebar-quick-nav .tel a:hover .ipic{background-position:-102px -176px; } 
.slidebar-quick-nav .kefu a:hover .ipic{background-position:-153px -176px;} 
.slidebar-quick-nav .qj{display: none;position: absolute;width: 60px;background: #e03d44;height: 50px;right: 50%;top:0;}
.slidebar-quick-nav .qc{display: none;position: absolute;right: 57px;top:0;}
.slidebar-quick-nav .kefu .qj {cursor:pointer;}
.slidebar-quick-nav .kefu .qc {cursor:pointer;}
.slidebar-quick-nav a:hover .qj{display: block;}
.slidebar-quick-nav a:hover .qc{display: block;}
.slidebar-quick-nav .kefu a{cursor:pointer;}

.notice {margin-top: 22px; border: 1px solid #ddd;border-radius: 1px;line-height: 29px;height: 29px;overflow: hidden;width: 345px;}
.notice .icon-laba{float: left;width: 17px;height: 16px;background: url(../../../images/account/login/sprite.png) no-repeat -292px -136px;;margin: 6px 14px 0 10px;display: inline;}
.notice .ul-wrap{float: left;width: 300px;height:100%;position: relative;overflow: hidden;}
.notice ul{position:relative;}
.notice a{display:block;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.index-slides-login{margin-top: 23px;}
.index-slides {float: left;width: 635px;position: relative;}
.index-slides .slides{position: relative;height: 440px;}
.index-slides li{position: absolute;top:0;left: 0;opacity: 0;filter(opacity:0)}
.index-slides li.cur{z-index: 99;opacity: 1;filter(opacity:1)}
.index-slides .slides-nav{position: absolute;z-index:199; left:15px;bottom:20px;height: 13px;overflow: hidden;}
.index-slides .slides-nav span{display: inline-block;vertical-align: top;margin-right: 10px;width:13px;height: 13px;background: #bdbdbd;border-radius: 7px; }
.index-slides .slides-nav .cur{width: 13px;background: #94d7f4}
.slides-loading{margin:150px 200px;width:100px;height:440px;font-size:20px;text-align: center;vertical-align: middle}

.index-login{height: 438px; border:1px solid #ddd;width: 290px;padding:0 28px 0 27px;  float: right;}
.index-login .hd{position: relative;padding-top: 10px;}
.index-login h2{font-size: 26px;color: #666}
.index-login .forget-reg{position: absolute;right: 0;bottom:4px;}
.index-login .forget-reg a{text-decoration: underline;margin-left: 15px;}
.index-login .forget-reg a:hover{color: #f00}
.index-login .forget{color: #666}
.index-login .reg-link{color: #d8000f}
.index-login-form .input-item-mt{margin-top: 28px;}
.index-login-form .input-item{border: 1px solid #C7CACC;height: 48px;position: relative; padding-right:52px;padding-left: 49px;}
.index-login-form .input-item-vercode .input-item{float: left;width: 140px;padding-right: 2px;}
.index-login-form .input-item-login{position: relative;z-index: 99;font-size: 16px;}
.index-login-form .login-type{display: none;position: absolute;left:0;top:49px;width: 100%;background: #fff;}
.index-login-form .login-type .in{border: 1px solid #C7CACC;}
.index-login-form .login-type a{display: block;height: 36px;line-height: 36px;padding: 0 59px;color: #666}
.index-login-form .login-type a:hover,.index-login-form .login-type a.cur{background: #eee;color: #333;cursor: pointer;}
.index-login-form .fornt-pic{position: absolute;width: 48px;height: 33px;border-right: 1px solid #E8E9EA;left:0;top: 8px;} 
.index-login-form .fornt-pic i{display:block;background-repeat: no-repeat;margin-left: auto;margin-right: auto;background-image: url(../../../images/account/login/sprite.png)}
.index-login-form .fornt-pic .icon-user{width: 17px;height: 20px;margin-top: 6px;background-position: -233px -197px; }
.index-login-form .fornt-pic .icon-key{width: 19px;height: 18px;margin-top: 8px;background-position:-325px -197px;  }
.index-login-form .fornt-pic .icon-safe{width: 17px;height: 24px;margin-top: 4px;background-position:-263px -194px;}
.index-login-form .input-wrap{margin: 8px 5px 0 5px;position: relative; background-color:#F9F9F9;}
.index-login-form .input-text{border:0 none;height: 33px;line-height: 33px;width: 100%;font-size: 16px;color: #333;background-color:#F9F9F9;}
.index-login-form .label{position: absolute;width: 100%;height: 33px;line-height: 33px; top:0;left: 0;font-size: 16px;color: #C7C7C7}
.index-login-form .input-wrap-focus .label{display: none;}
.index-login-form .vercode-pic{float: left;margin: 5px 0 0 10px}
.index-login-form .ef{position: absolute;width: 49px;height: 44px;background: #eee no-repeat center center;right: 2px;top:2px;}
.index-login-form .ef:hover{background-color: #d6d6d6}
.index-login-form .ef i{position: absolute;top:50%;left: 50%;background:url(../../../images/account/login/sprite.png) no-repeat;}
.index-login-form .btn-loing-type i{background-position:-369px -140px;width:15px;height:8px;margin: -4px 0 0 -8px;}
.index-login-form .btn-lock-unlock i{background-position:-296px -196px;width:14px;height:21px;margin: -10px 0 0 -7px;}
.index-login-form .btn-lock-lock i{ background-position: -383px -197px;width:14px;height:21px;margin: -10px 0 0 -7px;}

.index-login-form .error{height: 40px;line-height: 40px;overflow: hidden;}
.index-login-form .error .txt{color: #d8000f;}
.index-login-form .btn-sumbit{display: block;width:100%;height: 50px;line-height: 50px;text-align: center;color: #fff;font-size: 18px;border:0 none;background: #d8000f;cursor: pointer; /*margin-top:28px;*/}
.index-login-form .btn-sumbit:hover,.index-login-form .btn-sumbit:active{background: #bf000d}
.index-login-form .btn-disabled{background: #A8A3A3}
.index-login-form .btn-disabled:hover,.index-login-form .btn-disabled:active{background: #A8A3A3}
.index-login2 .input-item-mt{margin-top: 15px;}
.index-login2 .input-item-vercode{display: block;}
.index-login2 .error{height: 36px;line-height: 36px;}
.index-login2 .other-login{margin-top: 9px}
.other-login{text-align: center;margin-top: 30px;}
.other-login .sp{margin: 0 14px;color: #ddd}
.other-login a{line-height: 17px;overflow: hidden;display: inline-block;vertical-align: middle;}
.other-login i{display: inline-block;background-repeat: no-repeat;vertical-align: middle;margin-right: 5px;background-image: url(../../../images/account/login/sprite.png)}
.other-login .qq i{width: 14px;height: 17px;background-position: -319px -135px; }
.other-login .weixin i{width: 21px;height: 17px;background-position: -340px -135px;}
.get-password {border-top:1px solid #c7cacc;margin-top: 12px;}
.get-password .txt{color: #ddd;padding: 9px 8px 0;}
.get-password .txt .sp{margin: 0 8px;}
.get-password .pic {padding-top: 7px;}
.get-password .pic .sc{float: left;}
.get-password .pic .b{float: left;margin-left: 8px;display: inline; width: 18px;height: 18px;background-repeat: no-repeat;background-image: url(../../../images/account/login/sprite.png)} 
.get-password .pic .b1{background-position: -233px -166px;}
.get-password .pic .b2{background-position: -254px -167px;}
.get-password .pic .b3{background-position: -274px -166px;}
.get-password .pic .b4{background-position: -296px -165px;}
.get-password .pic .b5{background-position: -324px -165px;}
.get-password .pic .b6{background-position: -348px -165px;}
.get-password .pic .b7{background-position: -371px -164px;}
.get-password .pic .link{float: left;font-size:12px;line-height: 21px;padding: 0 10px;margin-left: 12px;display: inline; background: #7bbbe6;color: #fff}
.get-password .pic .link:hover{background: #6ca6cc}
.index-card {overflow: hidden;width: 100%;zoom:1;margin-top: 34px;}
.index-card ul{margin-right: -17px;}
.index-card li{float: left;margin-right: 17px;text-align: center;}
.index-card li.last{margin-right: 0;}
.index-card a{display: block;height: 302px; border: 1px solid #ddd;width: 233px;padding: 1px;position: relative;}
.index-card a:hover{border: 2px solid #ddd;padding:0;border-color: #A2D9FF}
.index-card .inner{height: 297px;border-bottom: 4px solid #CFE7F7;overflow: hidden;zoom:1;}
.index-card .pic-mark{width: 125px;height: 118px;margin:43px auto 0;background-repeat: no-repeat;background-image: url(../../../images/account/login/sprite.png); cursor:pointer }
.index-card .mark1{background-position:0 0 }
.index-card .mark2{background-position:-137px 0;}
.index-card .mark3{background-position:-274px 0;}
.index-card .mark4{background-position:-411px 0;}
.index-card .title{font-size: 20px;color: #214382;margin-top: 27px;}
.index-card .title strong{color: #e03d44;font-weight: normal;}
.index-card .summary{width: 150px;margin: 2px auto 0;color: #656565;line-height: 20px;cursor:pointer;}
.index-card .bline{background: #CFE7F7;height: 4px;overflow: hidden;position: absolute;width: 100%;bottom:0; left:0;}
.index-card a:hover .title{color: #e03d44}
.index-card a:hover .bline{height: 3px;}
.index-ask {height: 250px;border:1px solid #e9e9e9;margin-top: 34px;overflow: hidden;}
.index-ask .dl-wrap{padding-left: 5px;margin-right:-44px;}
.index-ask dl{float: left;width: 268px;margin: 22px 44px 0 24px;display: inline;}
.index-ask .dl-last{margin-right: 0;}
.index-ask dt{position: relative;border-bottom: 1px solid #eaeaea;padding-bottom: 7px;margin-bottom: 11px;}
.index-ask .more{position: absolute;width: 9px;height: 16px;background: url(../../../images/account/login/sprite.png) no-repeat -360px -198px;;overflow: hidden;right:3px;top:10px;}
.index-ask h3{color: #5face0;font-size: 20px;margin-left: 5px;}
.index-ask dd{padding:5px 10px 5px 18px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis; background: url(../../../images/account/login/icon-dot.png) no-repeat 3px center}
.footer{background: #f6f6f6;text-align: center;border-top:1px solid #E9E9E9;margin-top: 34px;padding: 18px 0 18px}
.footer p{margin-top: 8px; float:none;}
.safe_control_tip{font-size:14px; cursor: pointer; padding-top: 8px; text-decoration: underline; text-align: center; text-align: center; width: 167px; display: block;}
.safe-control{
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 12px;
    line-height: 25px;
    height: 29px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
}

.Description{margin: 15px 30px 0px 30px;}
.Passport_box {
    padding: 15px 0 0px 0;
    margin: 0 auto;
    width: 600px;
}
.my_Passport {
    margin: 16px 20px 0 20px;
    color: #808080;
    width: 255px;
    height: 160px;
    border-radius: 8px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
    float: left;
    font-size: 18px;
    border: 1px solid #f0f0f0;
    position: relative;
    cursor: pointer;
}
.my_Passport .card {
    width: 100%;
    padding-top: 70px;
    background: url("../../../images/ico_add.png") no-repeat center 40px;
    font-size: 18px;
    color: #3c9ad5;
    line-height: 80px;
    text-align: center;
    display: block;
}
.Shooting_example {
    margin-left: 20px;
    margin-top: 30px;
    background: url("../../../images/Shooting_example.png") no-repeat center;
    width:554px;
    height:220px
}

.Passport_box .bigpositive{
	width: 32px;
    height: 32px;
    display: none;
    background: url(../../../images/big.gif) no-repeat;
    position: absolute;
    left: 435px;
    top: 220px;
    cursor: pointer;
}

.Passport_box .bignative{
	width: 32px;
    height: 32px;
    display: none;
    background: url(../../../images/big.gif) no-repeat;
    position: absolute;
    left: 731px;
    top: 223px;
    cursor: pointer;
}
.Passport_box a.close_positive{
    padding-left: 0px !important;
    z-index: 100000;
    top: 91px;
    left: 434px;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 40px;
    font-size: 36px;
}
.Passport_box a.close_native{
    padding-left: 0px !important;
    z-index: 100000;
    top: 92px;
    left: 732px;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 40px;
    font-size: 36px;
}    
.positiveimg{
    width: 255px;
    height: 156px;
    position: absolute;
    left: 216px;
    top: 99px;
    z-index: 5;
}
.nativeimg{
	width: 255px;
    height: 156px;
    position: absolute;
    left: 513px;
    top: 99px;
    z-index: 5;
}



